<!DOCTYPE html>
<html th:replace="layout/layout"
      xmlns:th="http://www.thymeleaf.org">
<style th:fragment="styles">
</style>
<div th:fragment="content" id="customModule">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-10">
            <h2>无害化处理企业</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="/index?menuId=1">首页</a>
                </li>
                <li>
                    <a>企业管理</a>
                </li>
                <li class="active">
                    <strong>无害化处理企业</strong>
                </li>
            </ol>
        </div>
        <div class="col-lg-2">

        </div>
    </div>
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select :disabled="city" id="cityCondition" name="cityCondition" v-model="cityCondition"
                                            autocomplete="off" class="form-control">
                                        <option value="-1">-- 地市 --</option>
                                        <option v-for="(item,index) in cityList" :value="item.city_id">{{item.city_name}}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select :disabled="district" id="districtCondition" name="districtCondition" v-model="districtCondition"
                                            autocomplete="off" class="form-control">
                                        <option value="-1">-- 区县 --</option>
                                        <option v-for="(item,index) in districtList" :value="item.district_id">{{item.district_name}}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select :disabled="town" id="townCondition" name="townCondition" v-model="townCondition"
                                            autocomplete="off" class="form-control">
                                        <option value="-1">-- 乡镇 --</option>
                                        <option v-for="(item,index) in townList" :value="item.town_id">{{item.town__name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <input type="text" id="enterpriseNameCondition" name="enterpriseNameCondition"
                                           v-model="enterpriseNameCondition" placeholder="企业名称" autocomplete="off"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <input type="text" id="userNameCondition" name="userNameCondition"
                                           v-model="userNameCondition" placeholder="法人姓名" autocomplete="off"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select id="examineCondition" name="examineCondition" v-model="examineCondition"
                                            autocomplete="off" class="form-control">
                                        <option value="0">未审核</option>
                                        <option value="1">审核已通过</option>
                                        <option value="2">审核未通过</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-primary  btn-rounded  btn-sm" id="search"
                                        @click="search()"><i
                                        class="fa fa-search"></i>&nbsp;搜索
                                </button>
                                <button type="submit" class="btn btn-warning  btn-rounded  btn-sm" id="refresh"
                                        @click="reset()"><i
                                        class="fa fa-refresh"></i>&nbsp;重置
                                </button>
                            </div>
                        </div>

                        <div class="jqGrid_wrapper">
                            <div class="btn-group-sm" id="toolbar" role="group">
                                <!--                                <a @click="addRecord();" class="btn btn-success" data-toggle="modal" v-if="isAdd"-->
                                <!--                                >-->
                                <!--                                    <i class="fa fa-plus"></i>添加-->
                                <!--                                </a>-->
                                <!--<a class="btn btn-primary single disabled">-->
                                <!--<i class="fa fa-edit"></i> 修改-->
                                <!--</a>-->
                                <!--<a class="btn btn-danger multiple disabled">-->
                                <!--<i class="fa fa-remove"></i> 删除-->
                                <!--</a>-->
                            </div>

                            <table class="table table-striped table-bordered table-hover " id="tableList" >
                            </table>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--模态框-->
    <div class="modal inmodal" id="myModalAdd" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">企业信息</h4>
                </div>
                <div class="modal-body">
                    <!--@*模态框body*@-->

                    <div class="tabs-container">

                        <form class="form-horizontal" id="myform">
                            <div class="panel-body form-horizontal">

                                <div class="row">
                                    <label class="col-lg-2 control-label">企业名称：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" v-model="enterpriseName" id="enterpriseName" name="enterpriseName" placeholder="企业名称" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">法人名称：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" id="userName" name="userName" v-model="userName" placeholder="法人名称" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">统一信用代码/身份证号：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" v-model="idcard" placeholder="统一信用代码/身份证号" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">联系方式：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" id="phone" name="phone" v-model="phone" placeholder="联系方式" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">地址</label>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select id='text_starProvince' name='text_starProvince'
                                                    class="form-control">
                                                <option value="0">福建省</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select id='text_cityCode' v-model="text_cityCode" name='text_cityCode' class="form-control">
                                                <option v-for="(item,index) in text_cityCodeList" :value="item.city_id">{{item.city_name}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select id='text_districtCode' v-model="text_districtCode" name='text_districtCode' class="form-control">
                                                <option v-for="(item,index) in text_districtCodeList" :value="item.district_id">{{item.district_name}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select id='text_townCode' v-model="text_townCode" name='text_starTownship'
                                                    class="form-control">
                                                <option v-for="(item,index) in text_townCodeList" :value="item.town_id">{{item.town__name}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <input type="text" id="text_address" name="text_address"
                                                   placeholder="详细地址"
                                                   autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">投资规模（元）：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" id="investment" name="investment" v-model="investment" placeholder="投资规模（元）" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">占地面积（平米）：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="area" id="area" name="area" placeholder="占地面积（平米）" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">备注：</label>
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <input type="text" id="remark" name="remark" v-model="remark" placeholder="备注" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--模态框body结束-->
                </div>
                <div class="modal-footer">
                    <button type="button" id="save" name="save" class="btn btn-success" @click="saveRecord();"><i class="fa fa-save"></i>&nbsp;提交</button>
                    <button type="button" id="close" name="close" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-close"></i>&nbsp;关 闭</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 模态框 审核 -->
    <div class="modal inmodal" id="myModalAdd1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">企业信息</h4>
                </div>
                <div class="modal-body">
                    <!--@*模态框body*@-->

                    <div class="tabs-container">

                        <form class="form-horizontal" id="myform1">
                            <div class="panel-body form-horizontal">

                                <div class="row">
                                    <label class="col-lg-2 control-label">企业名称：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="enterpriseName" placeholder="企业名称" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">法人名称：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="userName" placeholder="法人名称" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">联系方式：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="phone" placeholder="联系方式" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">地址：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="detailedAddress" placeholder="地址" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">投资规模（元）：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="investment" placeholder="投资规模（元）" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">占地面积（平米）：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="area" placeholder="占地面积（平米）" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">统一信用代码/身份证号：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="idcard" placeholder="统一信用代码/身份证号" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">备注：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input readonly type="text" v-model="remark" placeholder="备注" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>

                                <div class="row" style="height: 20px"></div>
                                <div class="row">
                                    <label class="col-lg-2 control-label">审核：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select v-model="examine" autocomplete="off" class="form-control">
                                                <option value="1">通过</option>
                                                <option value="2">未通过</option>
                                            </select>
                                        </div>
                                    </div>
                                    <label class="col-lg-2 control-label">审核意见：</label>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" v-model="opinion" placeholder="审核意见" autocomplete="off" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--模态框body结束-->
                </div>
                <div class="modal-footer">
                    <button type="button" id="save1" name="save" class="btn btn-success" @click="saveRecord1();"><i class="fa fa-save"></i>&nbsp;提交</button>
                    <button type="button" id="close1" name="close" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-close"></i>&nbsp;关 闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:fragment="scriptRef">
    <script th:src="@{/js/lib/inspinia/js/plugins/laydate/laydate.js}"></script>
    <script th:src="@{/js/harmlessenterprise/harmlessenterprise.js}"></script>
    <!--表单验证-->
    <script th:src="@{/js/lib/validate/jquery.validate.min.js}"></script>
</div>
<script th:fragment="scripts" type="text/javascript">
    HarmlessEnterprise.init();
</script>
</html>